{% load i18n %}
{% autoescape on %}
{% if pictures %}
<ul class="pics">
  {% for pic in pictures %}
  <li class="pic">
    <a href="/picture/{{ pic.key.id }}" class="left">
	  <img src="/picture/{{ pic.key.id }}_t.jpg" alt="{{ pic.title }}"/>
    </a>
    <div class="desc">
	  {% if in_form %}
      <input type="radio" name="cover" value="{{ pic.key.id }}" id="img{{pic.key.id}}"/>
      <label for="img{{pic.key.id}}" class="inline">{{ pic.title }}</label>
      {% else %}
      <a href="/picture/{{ pic.key.id }}">{{ pic.title }}</a>
      <div>{{ pic.submitter.nickname }}</div>
      <div>{{ pic.submitted_date|date:"Y.m.d" }}</div>
      <div class="tags">
        {% for tag in pic.tags %}
        {% if tag %}<a href="/tag/{{ tag }}" class="tag">{{ tag }}</a>{% endif %}
        {% endfor %}
      </div>
      {% endif %}
    </div>
  </li>
  {% endfor %}
</ul>
{% if next_page or previous_page %}
<div class="pager_box">
  {% if previous_page %}<a href="/album/{{ album.key.id }}?page={{ previous_page }}">{% trans "previous page" %}</a>{% endif %}
  {% if next_page and previous_page %}&bull;{% endif %}
  {% if next_page %}<a href="/album/{{ album.key.id }}?page={{ next_page }}">{% trans "next page" %}</a>{% endif %}
</div>
{% endif %}
{% endif %}
{% endautoescape %}
